<template>
	<view>
		<view class="Demo">
			<view>
				效果演示
			</view>
			<u-switch v-model="show" size="40"></u-switch>
			<validationinput :show="show" @show="handleClose"></validationinput>
		</view>

	</view>
</template>

<script>
	import validationinput from '@/template/components/validation-input/validation-input.vue'
	export default {
		components: {
			validationinput
		},
		data() {
			return {
				show: false,
			}
		},
		methods: {
			handleClose(e) {
				this.show = e;
			}
		}
	}
</script>

<style lang="scss">
	.Demo {
		width: 90%;
		margin: 50upx auto;
		font-size: 40upx;
		background-color: #FAFAFA;
		text-align: center;
		padding: 20upx 0;
		line-height: 100upx;
	}
</style>